<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" th:href="@{/img/logo.ico}" href="../static/img/logo.ico" type="images/x-ico"/>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/fontawesome/css/font-awesome.min.css}"
          href="../../static/fontawesome/css/font-awesome.min.css">

    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,400&display=swap">

    <!-- Fontawesome CSS -->
    <link rel="stylesheet" href="../static/fontawesome/css/fontawesome.min.css"
          th:href="@{/fontawesome/css/fontawesome.min.css}">
    <link rel="stylesheet" href="../static/fontawesome/css/all.min.css" th:href="@{/fontawesome/css/all.min.css}">

    <!-- Main CSS -->
    <link rel="stylesheet" href="../static/css/back_index.css" th:href="@{/css/back_index.css}">
</head>
<body>
<div class="main-wrapper">
    <div th:replace="commons/bar::#studentmenubar(activeUri1='首页')"></div>
    <div class="page-wrapper">
        <div class="content container-fluid">

            <div class="container">
                <div class="jumbotron">
                    <h1 class="display-5">
                        你好！[[${session.name}]]
                    </h1>
                    <p class="lead">
                        这是一个用于学校学生信息管理的系统，你需要完善自己的真实信息。
                    </p>
                    <hr class="my-4">
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您的信息由管理员导入，但具体真实信息仍需要您完善。请您确保完善的信息真实后，
                        关注课程信息、选课信息等最新公告，并在规定时间内进行选课操作，如有任何问题可留言。
                    </p>
                    <a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal"
                       data-target="#exampleModal">
                        了解更多
                    </a>
                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                         aria-labelledby="exampleModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">操作指引</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <p>
                                        <a th:href="@{/student/info}" href="/front/info.html"
                                           style="text-decoration: none"><strong>个人信息管理：</strong></a>点击“个人信息”进行完善或修改，请确保信息真实，如信息有变动请及时修改。
                                    </p>
                                    <p>
                                        <a th:href="@{/student/notice}"
                                           style="text-decoration: none"><strong>公告列表：</strong></a>点击“公告列表”可查看所有的公告。公告按紧急、重要、普通公告分类，并有颜色警示，请注意查看。
                                    </p>
                                    <p>
                                        <a th:href="@{/student/course/list}" href="/front/info.html"
                                           style="text-decoration: none"><strong>选课：</strong></a>课程信息发布会在首页公告中显示，也可点击“选课”栏进行查看并选择。注：需要在公告规定的时间内完成选课操作。
                                    </p>
                                    <p>
                                        <a th:href="@{/student/score}" href="/front/index.html"
                                           style="text-decoration: none">
                                            <strong>成绩查询：</strong></a>可以查看你选报的所有课程的平时成绩、期末成绩及最终成绩。
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">我已了解</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Footer -->
            <footer>
                <p>2020 &copy; 软件学院学生信息管理系统 by 郑焙元</p>
            </footer>
            <!-- /Footer -->
        </div>
    </div>
</div>
<script src="../static/js/jquery-3.5.1.min.js" th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script src="../static/js/popper.min.js" th:src="@{/js/popper.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

<!-- Slimscroll JS -->
<script src="../static/js/jquery.slimscroll.min.js" th:src="@{/js/jquery.slimscroll.min.js}"></script>

<!-- Custom JS -->
<script src="../static/js/script.js" th:src="@{/js/script.js}"></script>

</body>
</html>
